<html xmlns:th="http://www.thymeleaf.org" lang="zh-CN">
<header th:replace="base/top"></header>
<div id="myNiceCarousel" class="carousel slide box-width" data-ride="carousel">
    <!-- 圆点指示器 -->
    <ol class="carousel-indicators">
        <li data-target="#myNiceCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myNiceCarousel" data-slide-to="1"></li>
        <li data-target="#myNiceCarousel" data-slide-to="2"></li>
    </ol>

    <!-- 轮播项目 -->
    <div class="carousel-inner" style="height: 240px;">
        <div class="item active">
            <img alt="First slide" src="../images/board1.png">
        </div>
        <div class="item">
            <img alt="Second slide" src="../images/board2.png">
        </div>
        <div class="item">
            <img alt="Third slide" src="../images/board3.png">
        </div>
        <div class="item">
            <img alt="Third slide" src="../images/board4.png">
        </div>
    </div>

    <!-- 项目切换按钮 -->
    <a class="left carousel-control" href="#myNiceCarousel" data-slide="prev">
        <span class="icon icon-chevron-left"></span>
    </a>
    <a class="right carousel-control" href="#myNiceCarousel" data-slide="next">
        <span class="icon icon-chevron-right"></span>
    </a>
</div>

<div class="box-width">
    <div class="box-mar-top20 clearfix">
        <div class="pull-left con01_left">
            <div class="theme_area">
                <h2 class="title"><span>主题专区</span> <a onclick="themeArea()" class="pull-right title-more">更多 >></a>
                </h2>
                <div class="theme_area_con">
                    <ul class="container-flex" id="topic-show-info">
                        <li class="col-flex-1" th:each="topic:${industryTopicList}">
                            <em></em>
                            <a th:data-value="${topic.topicName}">
                                <img th:src="${topic.imgUrl}">
                                <p th:text="${topic.topicName}"></p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="theme_area">
                <h2 class="title"><span>应用行业</span> <a onclick="application()" class="pull-right title-more">更多 >></a>
                </h2>
                <div class="theme_area_con">
                    <ul class="container-flex" id="application-show-info">
                        <li class="col-flex-1" th:each="useDO:${industryApplicationList}">
                            <em></em>
                            <a th:data-value="${useDO.useName}">
                                <img th:src="${useDO.iconUrl}">
                                <p th:text="${useDO.useName}"></p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="pull-right con01_right">
            <div class="hot-tag">
                <h2 class="title"><span>热门展品标签</span></h2>
                <div class="hot-tag-con clearfix" th:each="tags:${industryTagsList}">
                    <span class="label" th:text="${tags.labelName}"></span>
                    <span class="label" th:text="${tags.labelName}"></span>
                </div>

            </div>
            <div style="height: 175px; background: #d0d0d0;"></div>
        </div>
    </div>
</div>

<div class="box-width">
    <div style="background: #ccc; height: 100px; text-align: center; line-height: 100px; color: #fff; font-size: 24px;">
        banner
    </div>
</div>

<div class="box-width">
    <div class="box-mar-top20">
        <h2 class="title-ct"><b>展品推荐</b><span>（新产品-新技术-新设备） </span> <a href="../exhibitShow/list"
                                                                       class="pull-right title-more">查看更多 >></a></h2>
        <div class="clearfix brick-list">
            <ul class="brick-list-right">
                <li class="brick-item-right" th:each="product:${industryProductDtoList}">
                    <a th:onclick="|findProduct(${product.id},${product.companyId})|">
                        <div class="figure-img" th:switch="${product.imageUrl != null}">
                            <img src="../images/zwimg.png" th:case="false">
                            <img th:src="${product.imageUrl}" th:case="true">
                        </div>
                        <h3 class="title" th:text="${product.productTitle}"></h3>
                        <p class="desc" th:text="${product.companyName}"></p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="box-width">
    <div style="background: #ccc; height: 100px; text-align: center; line-height: 100px; color: #fff; font-size: 24px;">
        banner
    </div>
</div>

<div class="box-width">
    <div class="box-mar-top20">
        <h2 class="title-ct"><b>展商推荐</b> </span> <a href="../exhibitShop/list" class="pull-right title-more">查看更多 >></a>
        </h2>
        <div class="clearfix brick-list1">
            <ul class="brick-list-1 row">
                <li class="brick-item-2">
                    <a href="../exhibitShop/list">
                        <img src="../images/原料企业.png" alt="" width="">
                    </a>
                </li>
                <li class="brick-item-1" th:each="com:${industryExhibitorList}">
                    <a th:onclick="|findCompany(${com.companyId})|">
                        <div class="figure-img">
                            <img src="../images/zwimg.png" th:if="${com.companyMainDO.companyLogo == null}">
                            <img th:src="${com.companyMainDO.companyLogo}"
                                 th:if="${com.companyMainDO.companyLogo != null}">
                        </div>
                        <h3 class="title" th:text="${com.companyMainDO.companyFullName}"></h3>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="box-width">
    <div style="background: #ccc; height: 100px; text-align: center; line-height: 100px; color: #fff; font-size: 24px;">
        banner
    </div>
</div>

<div class="box-width">
    <div class="box-mar-top20">
        <div class="clearfix brick-list1">
            <ul class="brick-list-1 row">
                <li class="brick-item-2">
                    <a href="../exhibitShop/list">
                        <img src="../images/机械企业.png" alt="" width="">
                    </a>
                </li>
                <li class="brick-item-1" th:each="com:${machineryIndustryExhibitorList}">
                    <a th:onclick="|findCompany(${com.companyId})|">
                        <div class="figure-img">
                            <img src="../images/zwimg.png" th:if="${com.companyMainDO.companyLogo == null}">
                            <img th:src="${com.companyMainDO.companyLogo}"
                                 th:if="${com.companyMainDO.companyLogo != null}">
                        </div>
                        <h3 class="title" th:text="${com.companyMainDO.companyFullName}"></h3>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="box-width">
    <div style="background: #ccc; height: 100px; text-align: center; line-height: 100px; color: #fff; font-size: 24px;">
        banner
    </div>
</div>

<div class="box-width">
    <div class="box-mar-top20">
        <div class="clearfix brick-list1">
            <ul class="brick-list-1 row">
                <li class="brick-item-2">
                    <a href="../exhibitShop/list">
                        <img src="../images/制品企业.png" alt="" width="">
                    </a>
                </li>
                <li class="brick-item-1" th:each="com:${productsIndustryExhibitorList}">
                    <a th:onclick="|findCompany(${com.companyId})|">
                        <div class="figure-img">
                            <img src="../images/zwimg.png" th:if="${com.companyMainDO.companyLogo == null}">
                            <img th:src="${com.companyMainDO.companyLogo}"
                                 th:if="${com.companyMainDO.companyLogo != null}">
                        </div>
                        <h3 class="title" th:text="${com.companyMainDO.companyFullName}"></h3>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="box-width">
    <div style="background: #ccc; height: 100px; text-align: center; line-height: 100px; color: #fff; font-size: 24px;">
        banner
    </div>
</div>

<div class="box-width">
    <div class="box-mar-top20">
        <div class="clearfix brick-list1">
            <ul class="brick-list-1 row">
                <li class="brick-item-2">
                    <a href="../exhibitShop/list">
                        <img src="../images/模具企业.png" alt="" width="">
                    </a>
                </li>
                <li class="brick-item-1" th:each="dieIndustryExhibitorList:${dieIndustryExhibitorList}">
                    <a th:onclick="|findCompany(${dieIndustryExhibitorList.companyId})|">
                        <div class="figure-img">
                            <img src="../images/zwimg.png"
                                 th:if="${dieIndustryExhibitorList.companyMainDO.companyLogo == null}">
                            <img th:src="${dieIndustryExhibitorList.companyMainDO.companyLogo}"
                                 th:if="${dieIndustryExhibitorList.companyMainDO.companyLogo != null}">
                        </div>
                        <h3 class="title" th:text="${dieIndustryExhibitorList.companyMainDO.companyFullName}"></h3>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="box-width">
    <div style="background: #ccc; height: 100px; text-align: center; line-height: 100px; color: #fff; font-size: 24px;">
        banner
    </div>
</div>

<div class="box-width">
    <div class="box-mar-top20">
        <div class="clearfix brick-list1">
            <ul class="brick-list-1 row">
                <li class="brick-item-2">
                    <a href="../exhibitShop/list">
                        <img src="../images/再生企业.png" alt="" width="">
                    </a>
                </li>
                <li class="brick-item-1" th:each="com:${regrowtIndustryExhibitorList}">
                    <a th:onclick="|findCompany(${com.companyId})|">
                        <div class="figure-img">
                            <img src="../images/zwimg.png" th:if="${com.companyMainDO.companyLogo == null}">
                            <img th:src="${com.companyMainDO.companyLogo}"
                                 th:if="${com.companyMainDO.companyLogo != null}">
                        </div>
                        <h3 class="title" th:text="${com.companyMainDO.companyFullName}"></h3>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="box-width">
    <div style="background: #ccc; height: 100px; text-align: center; line-height: 100px; color: #fff; font-size: 24px;">
        banner
    </div>
</div>

<div class="box-width">
    <div class="box-mar-top20">
        <div class="clearfix brick-list1">
            <ul class="brick-list-1 row">
                <li class="brick-item-2">
                    <a href="../exhibitShop/list">
                        <img src="../images/废旧料企业.png" alt="" width="">
                    </a>
                </li>
                <li class="brick-item-1" th:each="exhibitor:${regrowtIndustryExhibitorList}">
                    <a th:onclick="|findCompany(${exhibitor.companyId})|">
                        <div class="figure-img">
                            <img src="../images/zwimg.png" th:if="${exhibitor.companyMainDO.companyLogo == null}">
                            <img th:src="${exhibitor.companyMainDO.companyLogo}"
                                 th:if="${exhibitor.companyMainDO.companyLogo != null}">
                        </div>
                        <h3 class="title" th:text="${exhibitor.companyMainDO.companyFullName}"></h3>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--底部-->
<div class="interim-bottom">
    <div class="i-mian">
        <div class="interim-bottom-logo">
            <img src="../images/foot-logo.png">
            <p>塑料产业网</p>
        </div>
        <div class="interim-bottom-con">
            ICP备案信息：浙ICP备20011086号<br>
            联系方式：service@5zhao.com.cn<br>
            Copyright © 2018-2020 suliao.com All Rights Reserved
        </div>
        <div class="interim-bottom-wx">
            <ul>
                <li>
                    <img src="../images/gzh.jpg">
                    <p>微信公众号</p>
                </li>
                <li>
                    <img src="../images/WechatIMG18.jpeg">
                    <p>微信小程序</p>
                </li>
            </ul>
        </div>
        <div class="clearfix"></div>
    </div>
</div>

<div th:replace="base/foot"></div>
</body>

<script src="../js/jquery.min.js"></script>
<!-- ZUI Javascript组件 -->
<script src="../dist/js/zui.min.js"></script>
<script type="text/javascript">
    $(function () {
        $(".header-nav li").click(function () {
            $(this).siblings('li').removeClass('active');
            $(this).addClass('active');
        });

        var productTitle = $("[name='productTitle']").val();
        // 初始化搜索框，并在选项中指定搜索文本变更事件回调函数，这样当搜索框文本发送变化时获得通知。
        $('#searchboxExample').searchBox({
            escToClear: true, // 设置点击 ESC 键清空搜索框
            onSearchChange: function (searchKey, isEmpty) {
                console.log('搜索框文本变更：', searchKey);
            }
        });
        // 主题专区跳转
        $("#topic-show-info").on('click', 'a', function () {
            var topicName = $(this).attr("data-value");
            url = "../exhibitShop/list?topicName=" + topicName;
            window.open(url, "_blank");
        });

        // 应用行业跳转
        $("#application-show-info").on('click', 'a', function () {
            var industryName = $(this).attr("data-value");
            url = "../exhibitShop/list?industryName=" + industryName;
            window.open(url, "_blank");
        });

        $("#banPosition-show-info").on('click', function () {
            var productTitle = $("[name='productTitle']").val();
            var test1 = $('#test1').val();
            if (test1 == "展商") {
                url = "../exhibitShop/list?productTitle=" + productTitle + "&banPositionBack=" + test1;
                window.open(url, "_blank");
            } else if (test1 == "展品") {
                url = "../exhibitShow/list?productTitle=" + productTitle + "&banPositionBack=" + test1;
                window.open(url, "_blank");
            }
        });
    });

    //企业工作台
    function registerUser() {
        /*url="${ctxUcUrl!}enterprise/person"
        window.open(url,"_blank");*/
        window.location.href = "${ctxUcUrl!}enterprise/person";
    }

    /**
     * 跳转主题专区页面
     */
    function themeArea() {
        location.href = "../tradeShow/themeArea"
    }

    /**
     * 跳转应用行业页面
     */
    function application() {
        location.href = "../tradeShow/application"
    }

    /**
     * 跳转展商列表
     */
    function findExhibitShop() {
        location.href = "../exhibitShop/list"
    }

    // 产品详情
    function findProduct(uuid, companyId) {
        url = "../exhibitionHall/loadExhibitDetail?companyId=" + companyId + "&id=" + uuid;
        window.open(url, "_blank");
    }

    // 展厅详情
    function findCompany(uuid) {
        location.href = "../exhibitHomePage/loadHomePage?companyId=" + uuid;
    }

</script>
</html>